Configuring Dashboard Background, Logos, Title, and Toggle Buttons 13
1. Select Background: Select "Canvas Background"
from the Visualizations pane, add the chosen background image from the
provided zip folder, and set the image fit to "Fill".
2. Adjust Transparency: Adjust the background transparency to 94% for optimal visibility.
3. Insert Colaberry Logo:
Insert the 'Colaberry Logo' by clicking "Insert" > "Image", add the
Colaberry Logo from the provided zip folder and place it in the top
left corner of the dashboard, set the size (Height: 76, Width: 180).
4. Add Employee Icon:
Add the 'Employee Icon' by repeating the image insertion process, and
position this in the top right corner, set the size (Height: 91, Width:
112).
5. Create Dashboard Title: To create the
dashboard title, go to "Insert" > "Text Box", then set the size and
position with Height: 88, Width: 18, Horizontal positioning: 833, and
Vertical positioning: 0. Ensure the background option is turned off. In
the text box, enter "Employee Attrition Dashboard" and apply styling
using the DIN font at size 36, set the alignment to center, and adjust
the font color to black.
6. Insert Analytics Type Title: Under "Insert", create a "Text Box" for the "Analytics Type" title, and size and position as shown in below gif.
7. Create Label for Toggle Functionality:
Insert a new text box by selecting "Insert" > "Text Box". In this
box, type "Historical". This text box will help visualize the
functioning of the Bookmark navigator as a toggle between views.
8. Set Up Bookmarks:
Navigate to "View", click on "Bookmarks" to open the Bookmark pane.
Click on the "Add" button to create two bookmarks. Name the first
bookmark "Historical Attrition" and the second one "Predictive
Attrition".
9. Configure Bookmarks with Visual:
Select the text box containing "Historical". In the Bookmark pane, with
"Historical Attrition" selected, ensure the text box is visible. Switch
to the "Predictive Attrition" bookmark, select the same text box, click
on "Hide this visual" in the Format pane, then go back to the Bookmark
pane and click "Update" for the "Predictive Attrition" bookmark.
10. Insert Bookmark Navigator: Go to "Insert" > "Buttons" > scroll down to "Bookmark navigator" and select it. Two buttons representing the bookmarks will appear. Place the newly created buttons within the designated "Analytics Type". Adjust the Bookmark navigator's size and position to Height: 51, Width: 272, Horizontal: 853, and Vertical: 27.
11. Style Bookmark Navigator Buttons: Adjust the bookmark navigator button styles to ensure visual consistency and clarity across different states:
Font Style and Size: Set the font style to DIN and the size to 14 for all states.
Font Color: Use black for the font color in the Selected, Hover, and Press states, but make sure the font is bold in the Press state. For the Default state, set the font color to white.
Fill Color: Set the fill color for the Selected state to #C7D4E8 and for all other states to #6692BA.
Border Settings: Apply a border width of 1px with a color of #808080 for all states.
12. After styling, select the box containing the "Analytics Type" title, go to the "Format" panel, and use the "Send backward" option to ensure proper layering with the newly styled bookmark navigator. Also, remove the "Historical" text box used for functionality testing to tidy up the dashboard.